<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <title>恋链</title>
    <!-- <link rel="stylesheet" href="styles/normalize.css" />
    <link rel="stylesheet" href="styles/bootstrap/bootstrap.css">
    <link rel="stylesheet" href="styles/quick-layout.css" /> -->
    <link rel="stylesheet" href="styles/slick.css">
    <link rel="stylesheet" href="styles/ll.css">
</head>

<body>
    <div class="m-header w-1003">
        <a href=""><img src="images/ll_logo.png" alt=""></a>
    </div>
    <div class="m-banner">
        <div class="w-1003">
            <img src="images/banner-phone.png" alt="">
            <img src="images/hover-img.png" alt="" class="hoverimg">
            <img src="images/banner-txt.png" alt="" class="bannertxt">
        </div>
        <!-- <img src="images/ll_banner.jpg" alt=""> -->
    </div>
    <div class="m-top">
        <div class="m-top-line">
            <div class="w-1003">
                <ul class="top-left">
                    <li>
                        <a href=""><img src="images/ll_top_down.png" alt=""></a>
                    </li>
                    <li>
                        <img src="images/ll_top_code01.jpg" alt="">
                        <p>关注公众号</p>
                    </li>
                    <li>
                        <img src="images/ll_top_code02.jpg" alt="">
                        <p>下载安卓版</p>
                    </li>
                </ul>
                <div class="top-right">
                    <a href="" class="login">登录</a>
                    <a href="" class="register">注册</a>
                </div>
            </div>
        </div>
    </div>
    <div class="m-process">
        <div class="index-title w-1003">
            <h3><b>注册使用</b>流程介绍</h3>
            <h4><b>Registered use</b>Process introduction</h4>
        </div>
        <div class="process-con w-1003">
            <img src="images/ll_process.png" alt="">
        </div>
    </div>
    <div class="m-business">
        <div class="index-title w-1003">
            <h3><b>业务领域</b>涵盖范围</h3>
            <h4><b>business domain</b>Coverage</h4>
        </div>
        <div class="business-con">
            <div class="business-list w-1003">
                <ul>
                    <li>
                        <img src="images/business_img06.jpg" alt="" class="ab_img">
                        <div class="mask">
                            <div class="mask-bg"></div>
                            <div class="mask-con">
                                <img src="images/business_icon06.png" alt="">
                                <p>销售业务</p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <img src="images/business_img01.jpg" alt="" class="ab_img">
                        <div class="mask">
                            <div class="mask-bg"></div>
                            <div class="mask-con">
                                <img src="images/business_icon01.png" alt="">
                                <p>市场推广</p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <img src="images/business_img02.jpg" alt="" class="ab_img">
                        <div class="mask">
                            <div class="mask-bg"></div>
                            <div class="mask-con">
                                <img src="images/business_icon02.png" alt="">
                                <p>仓储业务</p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <img src="images/business_img07.jpg" alt="" class="ab_img">
                        <div class="mask">
                            <div class="mask-bg"></div>
                            <div class="mask-con">
                                <img src="images/business_icon07.png" alt="">
                                <p>配送业务</p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <img src="images/business_img05.jpg" alt="" class="ab_img">
                        <div class="mask">
                            <div class="mask-bg"></div>
                            <div class="mask-con">
                                <img src="images/business_icon05.png" alt="">
                                <p>终端业务</p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <img src="images/business_img10.jpg" alt="" class="ab_img">
                        <div class="mask">
                            <div class="mask-bg"></div>
                            <div class="mask-con">
                                <img src="images/business_icon10.png" alt="">
                                <p>三方业务</p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <img src="images/business_img03.jpg" alt="" class="ab_img">
                        <div class="mask">
                            <div class="mask-bg"></div>
                            <div class="mask-con">
                                <img src="images/business_icon03.png" alt="">
                                <p>金融业务</p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <img src="images/business_img09.jpg" alt="" class="ab_img">
                        <div class="mask">
                            <div class="mask-bg"></div>
                            <div class="mask-con">
                                <img src="images/business_icon09.png" alt="">
                                <p>租赁业务</p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <img src="images/business_img08.jpg" alt="" class="ab_img">
                        <div class="mask">
                            <div class="mask-bg"></div>
                            <div class="mask-con">
                                <img src="images/business_icon08.png" alt="">
                                <p>保险业务</p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <img src="images/business_img04.jpg" alt="" class="ab_img">
                        <div class="mask">
                            <div class="mask-bg"></div>
                            <div class="mask-con">
                                <img src="images/business_icon04.png" alt="">
                                <p>验证服务</p>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="m-footer">
        <div class="w-1003">
            <ul>
                <li>
                    <img src="images/ll_footer_code01.png" alt="">
                    <p>恋链公众号</p>
                </li>
                <li>
                    <img src="images/ll_footer_code02.png" alt="">
                    <p>恋链APP</p>
                </li>
                <li>
                    <img src="images/ll_footer_logo.png" alt="">
                    <p>
                        <a href="">传世云</a>
                        <a href="">医链云</a>
                        <a href="">药链云</a>
                        <a href="">四方云</a>
                    </p>
                    <p>COPYRIGHT © 2000-2015 ALL RIGHTS RESERVED</p>
                </li>
            </ul>
        </div>
    </div>
</body>
<script type="text/javascript" src="lib/jquery.js"></script>
<script type="text/javascript" src="lib/slick.min.js"></script>
<script>
    $(document).ready(function() {
        // slick
        $(".business-list ul").slick({
            autoplay: false,
            infinite: false,
            slidesToShow: 5,
            slidesToScroll: 1,
        });
    })
</script>

</html>